<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>TO DO List with YUI</title>
<link rel="stylesheet" href="css/styles.css" />
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="css/all-ie-only.css" />
<![endif]-->
</head>
<body>
<div id="lightbox"><div id="lightbox-panel"></div></div>
<div id="todo_holder">

<p class="title">
	<span>What do you want to do today?</span>
	<a href="ToDoList_Help.pdf" id="help" target="_blank" title="help" ><img src="images/FAQ-icon.png" border="0"></a>
	<span id="printList">
		<a href="javascript:printContent('list_container')" title="Print list"><img src="images/printer-icon.png" border="0"></a>
		<a href="#" id="deleteList" title="Clear list"><img src="images/Recycle-Bin-icon.png" border="0"></a>
	</span>
</p>
<div class="editor-container" id="editor-container">
<textarea rows="5" cols="50" class="ta" id="tips" placeholder="add necessary notes here"></textarea>
<button name="" id="AddBtn" class="AddBtn">Add notes</button>
</div>
<div id="error">
<div class="formErrorContent">* this to do item already exists in list<br></div>
<div class="formErrorArrow"><div class="line10"><!-- --></div><div class="line9"><!-- --></div><div class="line8"><!-- --></div><div class="line7"><!-- --></div><div class="line6"><!-- --></div><div class="line5"><!-- --></div><div class="line4"><!-- --></div><div class="line3"><!-- --></div><div class="line2"><!-- --></div><div class="line1"><!-- --></div></div>
</div>
<input type="text" id="do_list" maxlength="40" name="do_list" placeholder="type here" />
<div id="list_container"><ul id="lists"></ul></div>
<div id="todo_status">
<span class="completed" id="CT"></span>
<span class="clearList" id="CL"><a href="#" id="remove" title="clear finished tasks"><img src="images/eraser-icon.png" border="0" alt="Clear finished tasks"></a></span>
</div>

<input type="hidden" id="tarID" name="tarID" value="" />
</div>
<script src="js/print.js"></script>

<script type="text/javascript"
	src="http://yui.yahooapis.com/2.9.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>

<!-- Element source file -->
<script
	src="http://yui.yahooapis.com/2.9.0/build/element/element-min.js"></script>

<!-- Selector source file -->
<script
	src="http://yui.yahooapis.com/2.9.0/build/selector/selector-min.js"></script>

<!-- Event Delegation Module source file -->
<script
	src="http://yui.yahooapis.com/2.9.0/build/event-delegate/event-delegate-min.js"></script>

<!-- Element Event Delegation Module source file -->
<script
	src="http://yui.yahooapis.com/2.9.0/build/element-delegate/element-delegate-min.js"></script>
<script src="http://yui.yahooapis.com/3.4.1/build/yui/yui-min.js"></script>

<script type="text/javascript" src="js/main.js"></script>

<script type="text/javascript"><!--
//for sorting list items
YUI().use('sortable', function(Y) {
    var sortable = new Y.Sortable({
        container: '#lists',
        nodes: 'li',
        opacity: '.1'
    });
});

-->
</script>

</body>
</html>